<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="../JQuery/jquery-3.6.0.min.js"></script>
		<title>复习第一二三四五六天</title>
		<script>
			/* 第四天js */
			/* 分支 循环 数组 */
			
				
				var a1=prompt("请输入数字");
				if(a1<=100&a1>=80){
					console.log("优秀");
				}else if(a1<80&&a1>=60){
					console.log("及格");
				}else if(a1>=0&&a1<60){
					console.log("不及格");
				}else{
					console.log("输入有误");
				}
				
				var count=0;
				
				while(a1>1){
					a1-=1;
				}
				console.log("a1的值是："+count);
				var ar1=[1,2,3];
				var ar2=[1.1,"hello",ar1,null,undefined,false,0];
				console.log(ar2);

			
			/* 第五天jquery */
			$(function(){
				function getColor(){
					return "#"+Math.floor(Math.random()*0xffffff).toString(16);
				}
				$("#rebuid1").click(function(){
					$("#rediv1").css("background-color",getColor());
				})
			})
			
			
		</script>
		<style type="text/css">
			input[type='text'],
			input[type='password'] {
				width: 400px;
				height: 40px;
				pad: 7px;
				font-size: 16px
			}

			span {
				padding-left: 10px;
				font-size: 12px;
				color: #A9A9A9;
			}

			.reb1 {
				margin-top: 30px;
				width: 100px;
				height: 30px;
				border: 0px;

				background-color: crimson;
				font-family: "幼圆";
				font-size: 20px;
				color: #FFFFFF;
			}

			#retd1 {
				padding-top: 20px;
				text-align: center;
			}
		</style>
	</head>
	<body>
		
		<a name="top">top</a>
		<!-- 第一天基本标签 1.标题 h1-h6 -->
		<!-- 2.列表 ul li ol li -->
		<!-- 3.图片 img -->
		<!-- 绝对路径 不用
		 相对路径： ./同级目录 ../项目根目录 -->
		<!-- 4.超链接 a
		跳转到链接  和  跳转到指定a标签处
		-->
		<!-- 5.input
		text password week date number
		checkbox radio
		button submit
		-->
		<h1>1</h1>
		<h2>2</h2>
		<h3>3</h3>
		<h4>4</h4>
		<h5>5</h5>
		<h6>6</h6>
		<ul>
			<li>ul-li1</li>
			<li>ul-li2</li>
			<li>ul-li3</li>
			<li>ul-li4</li>
		</ul>
		<ol>
			<li>ol-li1</li>
			<li>ol-li2</li>
			<li>ol-li3</li>
			<li>ol-li4</li>
		</ol>
		<div>
			<img src="../view.jpg" />
			<img src="../imgs/Bingbing_1.jpg" />
			<a href="#" target="_blank">空链接</a>
			<a href="#top">跳转到top</a>
			<input type="text" />
			<input type="password" />
			<input type="number" />

			<input type="week" />
			<input type="date" />

			<input type="radio" name="r" value="1" />1
			<input type="radio" name="r" value="2" />2
			<input type="radio" name="r" value="3" />3<br />
			<input type="checkbox" name="c" value="1" />1
			<input type="checkbox" name="c" value="2" />2
			<input type="checkbox" name="c" value="3" />3<br />

			<input type="submit" value="submit" />
			<input type="reset" value="reset" />
		</div>

		<!-- 第二天表格table 1.标签
		 table
		 tr
		 td-->
		<!-- 2.属性
		  border
		  cellspacing
		  width
		  height
		  colspan
		  rowspan-->
		<table border="1px" cellspacing="0" cellpadding="1" width="30%" height="auto" bordercolor="grey" bgcolor="#FAEBD7">
			<tr>
				<td colspan="2">
					<!-- 行合并 -->
					11
				</td>

			</tr>
			<tr>
				<td rowspan="2">
					<!-- 列合并 -->
					21
				</td>
				<td>
					22
				</td>
			</tr>
			<tr>

				<td>
					32
				</td>
			</tr>
			<tr>
				<td>
					41
				</td>
				<td>
					42
				</td>
			</tr>
			<tr>
				<td>
					51
				</td>
				<td>
					52
				</td>
			</tr>
		</table>
		<!-- 第二天form 1.标签
		 form
		 th
		 select option
		 textarea
		 button
		 -->
		<!-- 不设置name就不会提交 -->
		<!-- 默认把数据在地址栏中拼接，get方式提交数据 
		 好处是展示的效果明确，坏处是不安全，地址栏太长
		 POST方式提交数据：好处是安全对数据的大小没上限，坏处是看不见数据-->
		<!-- F12开发者模式 NetWork可以查看提交的内容-->
		<div>
			<form method="post">
				<table border="0" cellpadding="5px" cellspacing="0" bordercolor="white" bgcolor="#DCDCDC">
					<tr>
						<td colspan="2">
							<h3 align="center">学生信息管理系统MIS</h1>
						</td>
					</tr>
					<tr>
						<td>姓名</td>
						<td><input type="text" name="user" placeholder="请输入姓名" /></td>
					</tr>
					<tr>
						<td>年龄</td>
						<td><input type="text" name="age" placeholder="请输入年龄" /></td>
					</tr>
					<tr>
						<td>性别</td>
						<td>
							<input type="radio" name="sex" value="1" checked="checked" />男
							<input type="radio" name="sex" value="2" />女
						</td>
					</tr>
					<tr>
						<td>爱好</td>
						<td>
							<input type="checkbox" name="like" value="1" checked="checked" />我的世界
							<input type="checkbox" name="like" value="2" />饥荒
							<input type="checkbox" name="like" value="3" />阴阳师
						</td>
					</tr>
					<tr>
						<td>学历</td>
						<td>
							<select name="graduate">
								<option value="1">初中</option>
								<option value="2">高中</option>
								<option value="3" selected="selected">大学</option>
								<option value="4">研究生</option>
							</select>
						</td>
					</tr>
					<tr>
						<td>入学日期</td>
						<td>
							<input type="date" name="day" />
						</td>
					</tr>
					<tr>
						<td colspan="2" align="center">
							<input type="submit" name="提交" value="保存" class="reb1" />
							<input type="reset" name="重置" value="取消" class="reb1" />
						</td>

					</tr>

				</table>
			</form>
		</div>
		<!-- 第三天 各种css选择器 -->
		<div>
			<form>
				<table border="0" bgcolor="#F0F8FF" cellspacing="0">
					<tr>
						<td align="center">
							<h1 style="font-family: '黑体';">用户注册</h1>
						</td>
						<td></td>

					</tr>
					<tr>
						<td>
							<input type="text" id="user1" placeholder="请输入用户名..." />
						</td>

						<td>
						</td>
					</tr>
					<tr>
						<td>
							<span>支持中文、字母、数字、“-”、“_”、的组合，4-20个字符</span>
						</td>
						<td></td>
					</tr>
					<tr>
						<td>
							<input type="password" name="pwd1" placeholder="请输入密码..." />
						</td>
						<td></td>
					</tr>
					<tr>
						<td>
							<span>建议使用数字、字母和符号两种以上的组合，6-20个字符</span>
						</td>
						<td></td>
					</tr>
					<tr>
						<td>
							<input type="password" name="repwd1" placeholder="确认密码..." />
						</td>
						<td></td>
					</tr>
					<tr>
						<td>
							<span>两次输入密码不一致</span>
						</td>
						<td></td>
					</tr>
					<tr>
						<td>
							<input type="text" name="validate1" placeholder="请验证手机" />
						</td>
						<td>
							或
							<a href="#">验证邮箱</a>
						</td>
					</tr>
					<tr>
						<td id="retd1">
							<input type="checkbox" name="check1" id="rehcheck1" />我已阅读并同意
							<a href="#">京淘用户注册协议</a>
						</td>
					</tr>
					<tr>
						<td align="center">
							<input type="submit" value="立即注册" name="提交1" class="reb1" />
						</td>
						<td></td>
					</tr>
				</table>
			</form>
		</div>
		<button name="rebu1" id="rebuid1">rebuid1 点击改变rediv1的颜色</button>
		<div id="rediv1">rediv1</div>
	</body>
</html>
